<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>魅族社区-魅族官方论坛-魅族智能手机官方交流平台</title>
    <!--swiper-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <!--抱死吹吧普-->
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!--字体图标-->
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="css/style-社区.css">
</head>
<body>
<div class="header" style="background:#484848;width: 100%;">
    <div class="container">
        <div class="row">
            <div class="col-md-1 col">
                <a href="">官网</a>
            </div>
            <div class="col-md-1 col">
                <a href="">Flyme</a>
            </div>
            <div class="col-md-1 col-3">
                <a href="">专卖店</a>
            </div>
            <div class="col-md-1 col">
                <a href="index-serve.html">服务</a>
            </div>
            <div class="col-md-8 col-3 text-right">
                <a href="">
                    <i></i>
                    <span>APP下载</span>
                </a>
            </div>
        </div>
    </div>
</div>
<div class="navber" style="width: 100%;background:#ffffff;padding: 20px 0">
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-light ">
            <a class="navbar-brand" href="index.html"><img src="images/meizu-shequ_03.png" alt="" ></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item active col-md-2" style="">
                        <a class="nav-link" style="color:#007bff;" href="#">社区 <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item col-md-2">
                        <a class="nav-link" href="#">精选</a>
                    </li>
                    <li class="nav-item col-md-3">
                        <a class="nav-link" href="#">综合讨论</a>
                    </li>
                    <li class="nav-item col-md-2">
                        <a class="nav-link" href="#">版权</a>
                    </li>
                    <li class="nav-item col-md-3">
                        <a class="nav-link" href="#">影响馆</a>
                    </li>
                    <li class="nav-item col-md-3">
                        <a class="nav-link" href="#">魅友家</a>
                    </li>
                </ul>
                <form class="form-inline my-2 my-lg-0" style="position: relative">
                    <input class="form-control mr-sm-2" type="search" placeholder="搜索话题与用户" aria-label="Search" style="">
                    <button style="position: absolute;right:10px;outline:none;top:-5px;" class="btn  my-2 my-sm-0" type="submit"><a href=""><img src="images/sousuo_03.gif" alt=""style="width:140%"></a></button>
                </form>
                <a href="" class="col-md-1"><img src="images/ren-fuwu_06.png" alt=""></a>

            </div>
        </nav>


    </div>
</div>
<div class="banner" style="background:#f2f2f2;width: 100%;padding-top: 20px">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <div class="banner-top" style="width: 100%;background:#ffffff;padding: 20px">
                    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="images/shequ-lun-1.jpg" class="d-block w-100" alt="..." style="width: 100%;">
                            </div>
                            <div class="carousel-item">
                                <img src="images/shequ-lun-2.jpg" class="d-block w-100" alt="..." style="width: 100%;">
                            </div>
                            <div class="carousel-item">
                                <img src="images/shequ-lun-3.jpg" class="d-block w-100" alt="..." style="width: 100%;">
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                </div>
                <div class="banner-center" style="background:#ffffff;width: 100%;margin-top: 22px">
                    <div class="banner-center-top">
                        <div class="item">
                            <a href="" style="color:#000;"><span class="z1" style="font-size: 15px">社区热帖</span></a>
                            <span class="zi">历史最高：772086；</span><span class="zi">会员：36365472；</span><span class="zi"> 今日发帖：7398；</span>
                        </div>

                    </div>
                    <div class="banner-center-center">
                        <div class="cc" style="">
                            <img src="images/banner-center-center-tu1_07.png" alt="" style="">
                            <div class="ii">
                                <span class="sp1" style="">6月份工资到账了，魅友们都过来聊会…</span>
                                <span class="sp2" style="">hhkoyyou</span>
                                <span class="sp3" style="">浏览：10560</span>
                                <span class="sp4" style="">留言：478</span>
                            </div>
                        </div>
                        <div class="cc" style="">
                            <img src="images/banner-cc-2_09.png" alt="" style="">
                            <div class="ii" style="">
                                <span class="sp1" style="">说16xs销量不行的看看</span>
                                <span class="sp2" style="">mzgyl</span>
                                <span class="sp3" style="">浏览：8835</span>
                                <span class="sp4" style="">留言：271</span>
                            </div>

                        </div>
                        <div class="cc" style="">
                            <img src="images/banner-cc-3_10.png" alt="" style="">
                            <div class="ii">
                                <span class="sp1" style="">现在狗东的榜单有点过分了</span>
                                <span class="sp2" style="">用户87838…</span>
                                <span class="sp3" style="">浏览：6550</span>
                                <span class="sp4" style="">留言：135</span>
                            </div>
                        </div>
                        <div class="cc" style="">
                            <img src="images/banner-cc4_11.png" alt="" style="">
                            <div class="ii">
                                <span class="sp1" style="">谈天说地每日签到贴，2019年06月11…</span>
                                <span class="sp2" style="">红色法拉利32</span>
                                <span class="sp3" style="">浏览：565</span>
                                <span class="sp4" style="">留言：408</span>
                            </div>
                        </div>
                        <div class="cc" style="">
                            <img src="images/banner-cc5_10.png" alt="" style="">
                            <div class="ii">
                                <span class="sp1" style="">那一批MX老用户还在么？？</span>
                                <span class="sp2" style="">gyhui521</span>
                                <span class="sp3" style="">浏览：2157</span>
                                <span class="sp4" style="">留言：300</span>
                            </div>
                        </div>
                        <div class="cc" style="">
                            <img src="images/banner-cc-6_11.png" alt="" style="">
                            <div class="ii">
                                <span class="sp1" style="">魅族今日京东销量</span>
                                <span class="sp2" style="">ZL谦言</span>
                                <span class="sp3" style="">浏览：4850</span>
                                <span class="sp4" style="">留言：57</span>
                            </div>
                        </div>
                        <div class="cc" style="">
                            <img src="images/banner-cc7_10.png" alt="" style="">
                            <div class="ii">
                                <span class="sp1" style="">内心难受，我这个穷汉子忍不住拍了一…</span>
                                <span class="sp2" style="">也先</span>
                                <span class="sp3" style="">浏览：2751</span>
                                <span class="sp4" style="">留言：161</span>
                            </div>
                        </div>
                        <div class="cc" style="">
                            <img src="images/banner-cc8_11.png" alt="" style="">
                            <div class="ii">
                                <span class="sp1" style="">Flyme8稳了，大咖回来了</span>
                                <span class="sp2" style="">urcool</span>
                                <span class="sp3" style="">浏览：4533</span>
                                <span class="sp4" style="">留言：52</span>
                            </div>
                        </div>
                        <div class="cc" style="">
                            <img src="images/banner-cc9_10.png" alt="" style="">
                            <div class="ii">
                                <span class="sp1" style="">什么情况</span>
                                <span class="sp2" style="">魅之奕</span>
                                <span class="sp3" style="">浏览：2914</span>
                                <span class="sp4" style="">留言：103</span>
                            </div>
                        </div>
                        <div class="cc" style="">
                            <img src="images/banner-cc10_11.png" alt="" style="">
                            <div class="ii">
                                <span class="sp1" style="">我就是抢了首发了</span>
                                <span class="sp2" style="">何夜</span>
                                <span class="sp3" style="">浏览：2896</span>
                                <span class="sp4" style="">留言：83</span>
                            </div>
                        </div>
                        <div class="cc" style="">
                            <img src="images/banner-cc11_10.png" alt="" style="">
                            <div class="ii">
                                <span class="sp1" style="">祝贺魅族经典手机诞生</span>
                                <span class="sp2" style="">joermandy</span>
                                <span class="sp3" style="">浏览：3132</span>
                                <span class="sp4" style="">留言：66</span>
                            </div>
                        </div>
                        <div class="cc" style="">
                            <img src="images/bannercc-12_11.png" alt="" style="">
                            <div class="ii">
                                <span class="sp1" style="">小溪又升级了！</span>
                                <span class="sp2" style="">起航161116</span>
                                <span class="sp3" style="">浏览：3163</span>
                                <span class="sp4" style="">留言：69</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="app">
                    <div v-for="url in message" class="banner-bottom" style="margin-top: 20px;margin-bottom:20px;background:#ffffff;">
                        <div  class="row" style="">
                            <div class="col-md-5">
                                <div class="xx">
                                    <img :src="url.img" alt="">
                                </div>

                            </div>
                            <div class="col-md-7">
                                <a href=""class="a11">{{url.a}}</a>
                                <h4 style="font-size: 16px;font-weight: bold">{{url.title}}</h4>
                                <span>{{url.sp1}}</span>
                                <span>{{url.sp2}}</span>
                                <span>{{url.sp3}}</span>
                                <span>{{url.sp4}}</span>
                                <a href="" style="color:#00c3f5;">{{url.sp5}}</a>
                                <p>{{url.p}}</p>
                                <a href=""><img :src="url.img1" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="item" style="width: 100%;background:#ffffff;padding:0 16px">
                    <div class="yi">
                        <img src="images/rili_07.png" alt="" style="">
                        <span>2019.06.11</span>
                        <a href="" style="color:#ffffff;">签到</a>
                    </div>
                    <div class="er">
                        <a href=""><img src="images/duihuan_15.png" alt="" style="width: 49%;"></a>
                        <a href=""><img src="images/xingyun_17.png" alt="" style="width: 49%;" ></a>
                    </div>
                    <div class="san" style="border-top: 3px solid #00c3f5;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc">
                        <div class="row" style="padding:0 15px;">
                            <div class="col-md-6 text-center" style="padding: 0">
                                <div class="x" style="padding: 33px 0 0 13px">
                                    <span style="font-size: 22px">魅族社区 APP</span>
                                    <span style="font-size: 12px;display: block;color:#999;">追求源于热爱</span>
                                </div>
                            </div>
                            <div class="col-md-6 text-center" style="padding: 0">
                                <a href=""><img src="images/san-erwm_22.png" alt="" style="margin-top: 10px;padding-left: 10%;margin-bottom: 10px;width: 60%;"></a>
                            </div>
                        </div>


                    </div>
                    <div class="si" style="border-top: 2px solid #00c3f5;margin-top: 20px">
                        <div class="r" style="border: 1px solid #cccccc;border-top: none">
                            <a href="" style="text-align:center;display:inherit;line-height: 40px;color:#000;">热门板块</a>
                        </div>
                        <div class="row" style="padding: 0 15px">
                            <div class="col-md-6 col-6" style="padding: 0;">
                                <a href="" style="">综合讨论</a>
                            </div>
                            <div class="col-md-6 col-6" style="padding: 0;">
                                <a href="" style="">魅族手机</a>
                            </div>
                            <div class="col-md-6 col-6" style="padding: 0;">
                                <a href="" style="">智能设备</a>
                            </div>
                            <div class="col-md-6 col-6" style="padding: 0;">
                                <a href="" style="">Flyme</a>
                            </div>
                            <div class="col-md-6 col-6" style="padding: 0;">
                                <a href="" style="">谈天说地</a>
                            </div>
                            <div class="col-md-6 col-6" style="padding: 0;">
                                <a href="" style="">魅友家</a>
                            </div>
                            <div class="col-md-6 col-6" style="padding: 0;">
                                <a href="" style="">摄影天地</a>
                            </div>
                            <div class="col-md-6 col-6" style="padding: 0;">
                                <a href="" style="">魅族游戏</a>
                            </div>
                        </div>

                    </div>
                    <div class="wu" style="padding-top: 34px">
                        <div class="wu-1" style="border-bottom: 1px solid #cccccc;padding-bottom: 13px">
                            <span style="font-size: 16px;font-weight: bold">最新活动</span>
                        </div>
                        <div class="wu-2" style="padding-top: 13px">
                            <div class="row" style="padding: 0 15px">
                                <div class="col-md-6 col-6 text-left" style="padding: 0;">
                                    <a href=""><img src="images/wu-yi_03.png" alt="" style="width: 100%;"></a>
                                </div>
                                <div class="col-md-6 col-6 text-left" style="padding: 0;">
                                    <div class="wu-2-1" style="padding-left: 16px;display: inline-block">
                                        <span style="font-size: 15px;font-weight: bold">上魅族官网购机</span>
                                        <span style="display: block;font-size: 13px;color:#999;padding-top: 10px">官方自营 正品保障</span>
                                        <a href="" style="margin-top: 9px;color:#ffffff;display: inline-block;background:#00c3f5;padding: 6px 8px">立即参加</a>
                                    </div>
                                </div>
                            </div>



                        </div>
                        <div class="wu-2" style="padding-top: 13px">
                            <div class="row" style="padding: 0 15px">
                                <div class="col-md-6 col-6 text-left" style="padding: 0;">
                                    <a href=""><img src="images/wu-er_06.png" alt="" style="width: 100%;"></a>
                                </div>
                                <div class="col-md-6 col-6 text-left" style="padding: 0;">
                                    <div class="wu-2-1" style="padding-left: 16px;display: inline-block">
                                        <span style="font-size: 15px;font-weight: bold">客户端反馈征集</span>
                                        <span style="display: block;font-size: 12px;color:#999;">新社区APP反馈与建议征集</span>
                                        <a href="" style="margin-top: 3px;color:#ffffff;display: inline-block;background:#00c3f5;padding: 6px 8px">立即参加</a>
                                    </div>
                                </div>
                            </div>



                        </div>
                    </div>
                    <div class="liu" style="padding-top: 34px">
                        <div class="liu-1" style="border-bottom: 1px solid #cccccc;padding-bottom: 13px">
                            <span style="font-size: 16px;font-weight: bold">新人课堂</span>
                        </div>
                        <div class="liu-2" style="padding-top: 17px">
                            <div class="row" style="padding: 0 15px">
                                <div class="col-md-12" style="padding: 0;">
                                    <a href=""><img src="images/xinren_08.png" alt="" style="width: 100%;margin-bottom: 10px"></a>
                                </div>
                                    <div class="col-md-4 col-4 text-center" style="padding: 0;">
                                        <a href="" style="color:#000;">系统教程</a>
                                    </div>
                                    <div class="col-md-4 col-4 text-center" style="padding: 0;">
                                        <a href="" style="color:#000;">新人指引</a>
                                    </div>
                                    <div class="col-md-4 col-4 text-center" style="padding: 0;">
                                        <a href="" style="color:#000;">社区版规</a>
                                    </div>
                                    <div class="col-md-4 col-4 text-center" style="padding: 0;">
                                        <a href="" style="color:#000;">反馈建议</a>
                                    </div>
                                    <div class="col-md-4 col-4 text-center" style="padding: 0;">
                                        <a href="" style="color:#000;">版务申诉</a>
                                    </div>
                                    <div class="col-md-4 col-4 text-center" style="padding: 0;">
                                        <a href="" style="color:#000;">服务支持</a>
                                    </div>
                            </div>
                        </div>
                    </div>
                    <div id="qii" style="padding-top: 25px;">
                        <ul>
                            <li class="active"><a href="">体验版系统</a></li>
                            <li><a href="">正式版系统</a></li>
                        </ul>
                        <div class="nr">
                            <div class="active">
                                <span>Flyme 7.9.3.5 beta</span>
                                <p>发布日期：2019年3月5日</p>
                                <p>适配机型：16th系列、15系列等</p>
                                <a href="">变更详情 ></a>
                                <a href="">使用反馈 ></a>
                                <a href="" style="display: block;margin-top: 23px;background:#2C8DFB;color:#ffffff;line-height: 46px;text-align: center;">下载更新</a>
                            </div>
                            <div>
                                <span>Flyme 7.3稳定版</span>
                                <p>发布日期：2019年5月10日</p>
                                <p>适配机型：16th系列、16X、X8</p>
                                <a href="">变更详情 ></a>
                                <a href="">使用反馈 ></a>
                                <a href="" style="display: block;margin-top:23px;background:#2C8DFB;color:#ffffff;line-height: 46px;text-align: center;">下载更新</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-12 lianjie text-center" style="font-size: 14px;padding-top: 40px">
                <a href="">了解详情</a> | <a href="">加入我们</a> | <a href="">联系我们</a> | <a href="">Flyme</a> |
                <a href="">魅族社区</a> | <a href="">天猫旗舰店</a> | <a href="">问题反馈</a> | <a href="">线上销售授权名单公示</a> |
                <a href="">出版物经营许可证</a> | <a href=""><img src="images/jian_03.gif" alt=""> 简体中文</a>
            </div>
            <div class="col-md-12">
                <div class="item text-center" style="padding-top: 10px;padding-bottom: 40px">
                    <span style="font-size: 12px;color:#999999;">©2019 Meizu Telecom Equipment Co,Ltd.All rights reseved.</span>
                        <span style="font-size: 12px;color:#999999;">粤ICP备13003602号 合字B2-20170010 营业执照 法律声明 <img src="images/gong_07.gif" alt=""> 粤公网安备4009102496009号
                            <img src="images/hui-1_10.gif" alt=""> <img src="images/hui-2_10.gif" alt=""> <img src="images/hui-3_10.gif" alt=""></span>
                </div>
            </div>
        </div>
    </div>





</div>








<div id="toTop"><i class="fa fa-arrow-up" style="font-size:36px"></i></div>

<!--swiper-->
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<!--抱死吹吧普-->
<script src="script/jquery.slim.min.js"></script>
<script src="script/popper.min.js"></script>
<script src="script/bootstrap.min.js"></script>



<!--josn-->
<script src="vue/vue.min.js"></script>
<script src="vue/axios.min.js"></script>

<script src="script/js-shequ.js"></script>


</body>
</html>